﻿@import url(reset.css);


body{background: url(images/body_bg.png) repeat-x;font-size:12px;}
#wrapper{width: 915px;margin: 0 auto;}

.left{float: left; width: 232px;}
.right{float: right; width: 683px;}
.clear{clear: both;}
.a {text-decoration: none;color:#000;}
span{font-weight: bold;}
a{text-decoration: none; color: #000;}
.sub-menu li{display: inline-block; padding: 0 5px;}
.size0{width: 190px;}
/*****toppage********/
#toppage{height: 126px; text-align: right;}
#toppage .right{background: url(images/toppage.png) repeat-x top;}

/*top-content*/
#toppage #top-content{font-size: 12px; margin-top: 22px;}
#toppage .sub-menu,span,form{display: inline-block;}
/*top-content*//*seach*/
#seach{
    text-align: left;
    width: 223px;
    height: 20px;
    background: #fff;border-top: 2px solid #999;
    border-left: 2px solid #999;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
#seach .field{border: none;background: none;color: #666;font-style: italic;}
#seach .btseach{
    background: url(images/bt_seach.png) no-repeat;
    text-indent: -9999px;
    width: 22px;
    border: none;
}
#seach .btseach:hover{cursor:pointer;}

/*menu*/

#menu ul li{float: left;height:38px;}
#menu ul{margin-top: 43px;}
#menu a{display: inline-block;height: 38px;}

#menu-home{background: url(images/menu_home.png) no-repeat top;width: 136px;}
#menu-home.active{background: url(images/menu_home.png) no-repeat bottom;}
#menu-home:hover{background: url(images/menu_home.png) no-repeat bottom;}

#menu-about{background: url(images/menu_about.png) no-repeat top;width: 90px;}
#menu-about.active{background: url(images/menu_about.png) no-repeat bottom;}
#menu-about:hover{background: url(images/menu_about.png) no-repeat bottom;}

#menu-registry{background: url(images/menu_registry.png) no-repeat top;width: 76px;}
#menu-registry.active{background: url(images/menu_registry.png) no-repeat bottom;}
#menu-registry:hover{background: url(images/menu_registry.png) no-repeat bottom;}

#menu-login{background: url(images/menu_login.png) no-repeat top;width: 94px;}
#menu-login.active{background: url(images/menu_login.png) no-repeat bottom;}
#menu-login:hover{background: url(images/menu_login.png) no-repeat bottom;}

#menu-cart{background: url(images/menu_cart.png) no-repeat top;width: 80px;}
#menu-cart.active{background: url(images/menu_cart.png) no-repeat bottom;}
#menu-cart:hover{background: url(images/menu_cart.png) no-repeat bottom;}

#menu-checkout{background: url(images/menu_checkout.png) no-repeat top;width: 95px;}
#menu-checkout.active{background: url(images/menu_checkout.png) no-repeat bottom;}
#menu-checkout:hover{background: url(images/menu_checkout.png) no-repeat bottom;}

#menu-contact{background: url(images/menu_contact.png) no-repeat top;width: 111px;}
#menu-contact .active{background: url(images/menu_contact.png) no-repeat bottom;}
#menu-contact:hover{background: url(images/menu_contact.png) no-repeat bottom;}

/*****header****/
#header{height: 333px;}
/*****header****//*left-nav*/
.left_nav{background: #efa1bf;margin-top: 15px;border-radius: 15px 0px 0px 0px;height:318px;}
.left_nav ul{padding: 13px;}
.left_nav ul li{background: url(images/nav_item.png) repeat-x;
    margin: 2px 0;
    border-radius: 18px;
    padding-left: 10px;
}
.left_nav ul li:hover{background: url(images/nav_item_up.png) repeat-x;
    margin: 2px 0;
    border-radius: 18px;
    padding-left: 10px;
}
.left_nav ul li:hover a{color: #1a0997;background:none;}
.nav li a{
    background: url(images/nav_arrow.png) no-repeat left center;
    height: 20px;
    display: block;
    padding: 6px 22px 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
}
/*****header****//*cart*/
.cart{
    background: #f0f291;
    line-height: 20px;
    width: 202px;
    height: 38px;
    border-radius: 5px;
    margin: 41px auto 15px;
    padding: 8px;
}
.cart span{float: left;width: 100px;}
.cart p{float: left;}
.cart img{float: left;}
.cart span,p{margin-left: 10px;}
/*****header****//*banner*/
.banner{position: relative;}
.banner img{position: absolute;top: 0;left: 0;width: 683px;height: 333px;}
/****container****/
/****container_left****/
.button:hover{background:url(images/bg_button_up.png) no-repeat;color:blue;}
.button{
	background:url(images/bg_button.png) no-repeat;
	cursor: pointer;
    display: block;
    height: 29px;
    margin: 5px auto;
    padding-top: 4px;
	padding-left:5px;
    text-align: center;
    width: 107px;
}
.size-box{
	/*border:1px solid;*/
}
.size-box h2{
	background: url(images/title.png) repeat-x;
	color: #fff;
	height:28px;
	font-size: 14px;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 12px;
	text-transform: uppercase;
}
.size-box .border{border: 1px solid #ccc;padding: 30px 20px;}
/****container_left****//*DS sản phẩm*/
.group{}
.size-box ul li{background: url(images/bt_link_product.png) no-repeat;border-bottom: 1px dotted #ccc;margin-bottom:10px}
.size-box ul li a{display: block;margin-left:40px;margin-bottom:8px;}
/****container_left****//*Bán chạy nhất*/
#best-selling .border{position:relative;height:500px;}
.group{position:absolute;top:15px;left:20px;}
.product{border: 0px solid #ccc;margin: 5px 15px 5px 0;width:190px;display:inline-block;}
.product img{border: 1px solid #CCCCCC;height: 173px;width: 188px;}
.product .name-product{
	font-size: 15px;
	font-weight: bold;
	color: #EFA1BF;
	text-align: center;
	margin-top:10px;
}
.product .price{text-align: center;font-size: 15px;color:blue;}
/****container_left****//*Hổ trợ online*/
#online-support h4{font-size: 15px;font-weight: bold;}
#online-support .border{text-align:center;}
#online-support p{color:#BC72D2;}
#online-support .border div {margin-bottom:20px;}
/****container_left****//*Quảng cáo*/
.ad{text-align:center;}
.ad img{height:80px;width:80px;margin-bottom:10px;}
/****container_right****/
.content-box{border: 0px solid;padding-left:15px;padding-top:15px;}
.content-box h2{
	font-size: 14px;
	text-transform: uppercase;
	color: #3c3c3c;
	font-weight: bold;
	background: #F6F6F6;
	border: 1px solid #ccc;
	padding: 10.5px 20px;
	border-bottom:none;
	border-radius: 7px 7px 0 0;
	
}
.content-box .content{border: 1px solid #ccc;border-radius: 0px 0px 7px 7px;	font-size: 14px;}
.product-box{margin-left:30px;}

#footer{background: url(images/footer-bg.png) repeat-x; text-align: center; line-height: 25px;}
#footer .checkout{height: 110px; text-align: left;}
#footer .checkout img{margin-top: 30px; margin-left: 20px;}
#footer .copyright{margin-bottom: 50px;}

/*form đăng ký*/
#registy{
    padding: 30px 70px;
    line-height: 40px;
}
form label{
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    text-align: right;
    width: 170px;
    padding-right: 5px;
}

form span{color: red;}

.title-field{
    color: #BC72D2;
    font-weight: bold;
    font-size: 18px;
    margin-top: 10px;
}

.size1{width: 150px;}
.size2{width: 304px;}
.size3{width: 100px;}
.buttons{padding-top: 15px;}
.buttons input{color: white;font-weight: bold;background: #BC72D2;padding: 3px 27px;border-radius: 20px 0px;}
.buttons input:hover{cursor: pointer;color: #000;}
#registy img{width: 170px;height: 60px; border: 1px solid #ccc;}
.field{height: 23px;}

/*Chi tiết sản phẩm*/
#detail{padding: 10px;}
#detail .description{
    float: right;
    line-height: 22px;
    margin-top: 33px;
    width: 429px;
}
#detail p{margin-bottom: 5px;}
#detail p span{display: inline-block; width: 100px;}
#detail .lists-images{padding: 10px 0px;}
#detail .lists-images li{display: inline-block;}
#detail .lists-images ul{ width: 520px; margin: 0 auto;}
#detail .lists-images li img{width: 100px; height: 100px;}
#detail .controll{display: inline-block;}
#detail a.prev{float:left;margin-top: 35px;}
#detail a.next{float:right;margin-top: 35px;}

/*Giới thiệu-Liên hệ*/
#ab-cot{padding: 10px;}
#ab-cot span{font-weight: bold;font-size: 18px;color: #E582A8;}
#ab-cot b{font-weight: bold;font-size: 18px;color: #BD74D4;}
#ab-cot p{font-style: italic;color: #828282;margin-top: 15px;}
#ab-cot h1{font-weight: bold;font-size: 25px;color: #BD74D4;}
#ab-cot img{width: 40%;float: right;}
#ab-cot #qual{border: 1px dotted #ccc;margin-left: 80px;width: 460px;}